<!DOCTYPE html> 
<html>
<head>
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="libs/jquery.mobile-1.4.4/jquery.mobile-1.4.4.min.css" />
	<script src="libs/jquery-1.11.1/jquery-1.11.1.min.js"></script>
	<script src="libs/jquery.mobile-1.4.4/jquery.mobile-1.4.4.min.js"></script>
</head>

<body>
	<div data-role="page" id="page_activation" style="background: rgb(218, 233, 248);">
        <!--头部-->
		<div data-role="header" style="overflow:hidden; background: rgb(100, 153, 192)">
			<a href="index.html" class="ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext ui-btn-left"></a>
			<h1 style="overflow: visible;">User Account Activation</h1>
			<a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-info ui-btn-icon-notext ui-btn-right"></a>
		</div>

        <!--内容-->
        <ul data-role="listview" style="width: 94%; height:auto; margin: 10px auto 10px auto;">
            <li style="width:100%; auto; padding: 0; border: none;">
                <!--标题图-->
                <div>
                    <img src="images/account_activation/title.png" alt="title" style="display: block; padding: 0px; width:100%; height:129px" />
                </div>
            </li>
            <li style="border: none;">
                <!--用户名-->
                <div>
                    <div style="font-size: 12px;">Username</div>
                    <div><input type="text" /></div>
                </div>
            </li>
            <li style="border: none;">
                <!--密码-->
                <div>
                    <div style="font-size: 12px;">Set your password</div>
                    <div><input type="password" /></div>
                </div>
            </li>
            <li style="border: none;">
                <!--确认密码-->
                <div>
                    <div style="font-size: 12px;">Confirm your password</div>
                    <div><input type="password" /></div>
                </div>
            </li>
            <li style="border: none;">
                <!--激活码-->
                <div>
                    <div style="font-size: 12px;">Activation code</div>
                    <div><input type="text" /></div>
                    <div style="white-space: normal; font-size: 10px; opacity: 0.5;">Your activation code is a 8 character key sent to your Lotus Notes after your registration </div>
                </div>
            </li>
            <li style="border: none;">
                <!--激活按钮-->
                <div><input type="button" value="Activate" /></div>
            </li>

        </ul>
	</div>
</body>
</html>